.status-record {
    padding-top: 92px;

    .at-list__item-extra {
        width: auto !important;
        max-width: 75%;
    }

    &-grid {
        padding: 40px 0;

        &-title {
            padding: 15px 0;
        }
    }

    .jaoyi-status-record-head {
        .item-content__info {

            &-title {
                padding-left: 10px;
            }

            &::before {
                content: "";
                display: inline-block;
                position: absolute;
                left: .512rem;
                top: 50%;
                margin-top: -.42667rem;
                width: 2PX;
                height: .85333rem;
                background-color: #21b991;
                box-shadow: 0 0.14933rem 0.256rem 0 rgba(97, 144, 232, .2);
                border-radius: 1PX;
            }

            color: #21b991;
        }
    }

    .dianpu-status-record-head {
        display: flex;
        .title{
            width: 160px;
            font-size: 32px;
            color: #21b991;
            display: flex;
            align-items: center;
            padding-left: 24px;
        }
        .title-text{
           
            position: relative;
            padding-left: 10px;
        }
        .title-text::before {
            content: "";
            display: inline-block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -.42667rem;
            width: 2PX;
            height: .85333rem;
            background-color: #21b991;
            box-shadow: 0 0.14933rem 0.256rem 0 rgba(97, 144, 232, .2);
            border-radius: 1PX;
        }
        .rigth{
            flex: 1;
            .at-list__item-extra {
                width: auto !important;
                max-width: 100%;
            }
        }

    }
    &-comp-item{
        padding:16px 32px 24px 32px;
        background-color: white;
    
        &-good{
    
            display: flex;
            justify-content: space-between;
    
            &-pic{
                width: 120px;
                height: 120px;
                box-shadow: 0px 2px 4px 0px #E2E4EA;
                border-radius: 8px;
                border: 1px solid #E2E4EA;
                overflow: hidden;
    
                .img{
                    width: 100%;
                    height: 100%;
                }
            }
    
            &-center{
    
                width: 300px;
                margin-left:24px;
    
                .good-name{
                    color: #111A34;
                    font-size: 28px;
                    font-weight: 500;
                    line-height:1.2;
                    text-shadow: 0px 2px 4px #E2E4EA;
                    @include multi-ellipsis(2);
                 
                }
                .good-no{
                    color: #858B9C;
                    text-shadow: 0px 2px 4px #E2E4EA;
                    font-size: 24px;
                    font-weight: 400;
                    margin-top: 16px;
                    @include multi-ellipsis(1);
                }
            }
    
            &-right{
    
                flex:1;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-end;
    
                .sale_price{ 
                   
                    display: inline-flex; 
    
                    &_label{
                        font-size: 22px;
                        color: #111A34;
                        text-shadow: 0px 2px 4px #E2E4EA;
                    }
    
                    &_number{
                        color:var(--color-primary); 
                        position: relative;
                        top:0px;
                        font-size: 22px!important;
                        margin-left:4px;
                    }
                }
    
                .sale_store{
                    display: flex;
                    align-items: center;
                    margin-top: 4px;
                    
                    &_label{
                        font-size: 24px;
                        font-weight: 400;
                        color: #858B9C;
                        line-height: 36px;
                        text-shadow: 0px 2px 4px #E2E4EA;
                    }
                    &_number{
                        font-size: 28px;
                        font-weight: 500;
                        color: var(--color-primary);
                        text-shadow: 0px 2px 4px #E2E4EA;
                        line-height: 1;
                        margin-left:4px;
                    }
                }
            }
        }
    
        &-action{
            margin-top:24px;
            display: flex;
            justify-content: flex-end;
        }
    }
    .totle-view{
        display: flex;
        justify-content: space-between;
    }


}
.status-popup{
    .adm-popup-body-position-bottom{
        left: 0;
        bottom: 0;
        height: 600px;
    }
    .popup-body{
        padding: 80px 40px 40px;
    }
    .rigth-btn{
        position: absolute;
        right: 16px;
        top: 16px;
        background-color: #21b991;
        color: white;
        padding: 8px 15px;
        border-radius: 8px;
    }
    &-checkList {
        position:  absolute;
        height: 600px;
        bottom: 0px;
        left: 0;
        right: 0;
        padding: 16px 32px 24px 32px;
        background-color: white;
        overflow-y: scroll;
    }
}
